﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StudentRegister.aspx.cs"
    Inherits="WebApp.StudentRegister" StyleSheetTheme="Student_Theme" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            text-align: center;
        }
        #form1
        {
            height: 779px;
        }
        .style2
        {
            text-align: center;
            width: 462px;
        }
        .style3
        {
            text-align: center;
        }
        .style4
        {
            width: 147px;
        }
        .style5
        {
            width: 361px;
        }
        .style6
        {
            width: 361px;
            height: 25px;
        }
        .style7
        {
            width: 147px;
            height: 25px;
        }
        .style8
        {
            height: 25px;
        }
        .style9
        {
            text-decoration: underline;
        }
        .style10
        {
            width: 239px;
        }
        .style11
        {
            width: 305px;
        }
    </style>
</head>
<body style="height: 777px; width: 999px">
    <form id="form1" runat="server" 
    style="font-size: large; font-style: normal; text-decoration: blink">
    <div style="font-size: x-large; font-style: normal">
        <asp:ValidationSummary ID="ValidationSummary1" runat="server" BackColor="#CCFFFF"
            ForeColor="Red" Font-Bold="False" Font-Italic="True" Font-Size="Medium" />
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span class="style9">WELCOME TO REGISTRATION !!</span><br />
        <table style="width: 100%;">
            <tr>
                <td class="style11">
                    <asp:Image ID="Image2" runat="server" Height="212px" 
                        ImageUrl="~/Image/IE8_01_Hero.jpg" Width="308px" />
                </td>
                <td class="style10">
                    <asp:Image ID="Image1" runat="server" Height="212px" 
                        ImageUrl="~/Image/grand_01_hero.jpg" Width="360px" />
                </td>
                <td>
                    <asp:Image ID="Image3" runat="server" Height="212px" 
                        ImageUrl="~/Image/WP7_Hero_03.png" Width="308px" />
                </td>
            </tr>
        </table>
    </div>
    <span class="style9">Register Your Details :</span><br />
&nbsp;<table style="width: 100%; height: 193px;">
        <tr>
            <td class="style5">
                <span style="color: #FF0000">*</span><asp:Label ID="Label1" runat="server" 
                    Text="First Name :" Font-Size="Medium"></asp:Label>
            </td>
            <td class="style4">
                <asp:TextBox ID="txtFirstName" runat="server" MaxLength="50" style="width: 95%" 
                    ontextchanged="txtFirstName_TextChanged"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtFirstName"
                    Display="None" ErrorMessage=" Enter Your First Name[exam: Jhon]" Font-Names="Times New Roman"
                    ForeColor="Red" Font-Size="Medium"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style5">
                <span style="color: #FF0000">*</span><asp:Label ID="Label2" runat="server" 
                    Text="Last Name :" Font-Size="Medium"></asp:Label>
            </td>
            <td class="style4">
                <asp:TextBox ID="txtLastName" runat="server" MaxLength="50" style="width: 95%"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Enter Your Last Name[exam: Stallon]"
                    ControlToValidate="txtLastName" Display="None" ForeColor="Red" 
                    Font-Size="Medium"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style5">
                <span style="color: #FF0000">*</span><asp:Label ID="Label3" runat="server" 
                    Text="Password : " Font-Size="Medium"></asp:Label>
            </td>
            <td class="style4">
                <asp:TextBox ID="txtPassword" runat="server" MaxLength="10" TextMode="Password" style="width: 95%"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Enter Password"
                    ControlToValidate="txtPassword" ForeColor="Red" Display="None" 
                    Font-Size="Medium"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style5">
                <span style="color: #FF0000">*</span><asp:Label ID="Label4" runat="server" 
                    Text="Re-Type Password : " Font-Size="Medium"></asp:Label>
            </td>
            <td class="style4">
                <asp:TextBox ID="txtReTypePassword" runat="server" MaxLength="50" 
                    TextMode="Password" style="width: 95%"></asp:TextBox>
            </td>
            <td>
                <asp:CompareValidator ID="CompareValidator1" runat="server" ErrorMessage="Re-type Correct Password"
                    ControlToCompare="txtPassword" ControlToValidate="txtReTypePassword" ForeColor="Red"
                    Display="Dynamic" Font-Size="Medium"></asp:CompareValidator>
            </td>
        </tr>
        <tr>
            <td class="style5">
                <span style="color: #FF0000">*</span><asp:Label ID="Label5" runat="server" 
                    Text="Department : " Font-Size="Medium"></asp:Label>
            </td>
            <td class="style4">
                <asp:TextBox ID="txtDepartment" runat="server" MaxLength="50" style="width: 95%"></asp:TextBox>
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style5">
                <span style="color: #FF0000">*</span><asp:Label ID="Label6" runat="server" 
                    Text="Roll No. : " Font-Size="Medium"></asp:Label>
            </td>
            <td class="style4">
                <asp:TextBox ID="txtRollNo" runat="server" MaxLength="10" style="width: 95%"></asp:TextBox>
            </td>
            <td>
                <asp:RangeValidator ID="RangeValidator1" runat="server" ControlToValidate="txtRollNo"
                    ErrorMessage="Enter Roll No.within Range" ForeColor="Red" MaximumValue="1111111111"
                    MinimumValue="01" Display="None" Font-Size="Medium"></asp:RangeValidator>
            </td>
        </tr>
        <tr>
            <td class="style5">
                <span style="color: #FF0000">*</span><asp:Label ID="Label7" runat="server" 
                    Text="Address No.1 : " Font-Size="Medium"></asp:Label>
            </td>
            <td class="style4">
                <asp:TextBox ID="txtAddressNo1" runat="server" MaxLength="100" style="width: 95%"></asp:TextBox>
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style5">
                <asp:Label ID="Label8" runat="server" Text=" Address No.2 :" Font-Size="Medium"></asp:Label>
                &nbsp;
            </td>
            <td class="style4">
                <asp:TextBox ID="txtAddressNo2" runat="server" MaxLength="100" style="width: 95%"></asp:TextBox>
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style6">
                <asp:Label ID="Label9" runat="server" Text="Email Id : " Font-Size="Medium"></asp:Label>
            </td>
            <td class="style7">
                <asp:TextBox ID="txtEmailId" runat="server" MaxLength="100" style="width: 95%"></asp:TextBox>
            </td>
            <td class="style8">
                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtEmailId"
                    ErrorMessage="Enter Correct Email Id :[exam:jhon@gmail.com]" ForeColor="Red"
                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                    Display="None" Font-Size="Medium"></asp:RegularExpressionValidator>
            </td>
        </tr>
        <tr>
            <td class="style5">
                &nbsp;
            </td>
            <td class="style4">
                <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="CustomValidator"
                    OnServerValidate="CustomValidator1_ServerValidate" Font-Bold="True" Font-Names="Times New Roman"
                    ForeColor="#FF5050" Display="None" Font-Size="Medium"></asp:CustomValidator>
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
    </table>
    <table style="width: 100%; height: 20%;">
        <tr>
            <td class="style3" align="center" colspan="3">
                <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
                    OnClick="btnSubmit_Click" Width="75px" />
                <asp:Button ID="btnRefresh" runat="server" Text="Refresh" 
                    OnClick="btnRefresh_Click" CausesValidation="False" Width="75px" />
                <asp:Button ID="btnQuit" runat="server" Text="Quit" Style="margin-left: 0px" 
                    Width="75px" CausesValidation="False" onclick="btnQuit_Click" />
                <asp:Button ID="btnGenerateReport" runat="server" 
                    onclick="btnGenerateReport_Click" Text="Generate Report" Width="118px" 
                    CausesValidation="false" />
            </td>
        </tr>
        <tr>
            <td class="style3" align="center" colspan="3">
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style3">
                &nbsp;
            </td>
            <td class="style2">
                <asp:GridView ID="gvStudent" runat="server" AutoGenerateColumns="False" AllowPaging="True"
                    OnSelectedIndexChanged="gvStudent_SelectedIndexChanged" 
                    GridLines="None"  
                    onpageindexchanged="gvStudent_PageIndexChanged" 
                    onpageindexchanging="gvStudent_PageIndexChanging" PageSize="1" 
                    Font-Italic="True" Font-Names="Times New Roman" Font-Size="Medium">
                    
                    <Columns>
                        <asp:BoundField DataField="FirstName" HeaderText="First name" />
                        <asp:BoundField DataField="LastName" HeaderText="Last Name" />
                        <asp:BoundField DataField="Department" HeaderText="Department" />
                        <asp:BoundField DataField="RollNo" HeaderText="Roll No." />
                        <asp:BoundField DataField="AddressNo1" HeaderText="Address No1" />
                        <asp:BoundField DataField="EmailId" HeaderText="Email Id" />
                    </Columns>
                    <EditRowStyle BackColor="#999999" />
                    <SortedAscendingCellStyle BackColor="#E9E7E2" />
                    <SortedAscendingHeaderStyle BackColor="#506C8C" />
                    <SortedDescendingCellStyle BackColor="#FFFDF8" />
                    <SortedDescendingHeaderStyle BackColor="#6F8DAE" />
                </asp:GridView>
            </td>
            <td class="style1" align="center">
                &nbsp;
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
